import React,{Component} from 'react';
import {Link} from 'react-router'
import { SmileTwoTone, HeartTwoTone, CheckCircleTwoTone } from '@ant-design/icons';
const headStyle = require('../../assets/css/head'); 
const red ={
  color:'red'
}
class Foot extends Component{
  render(){
    return(
      <div className={headStyle}>
        <Link to="/home" activeClassName={headStyle.active}><div><SmileTwoTone /> 首页</div></Link>
        <Link to="/list" activeClassName={red}><div><HeartTwoTone twoToneColor="#eb2f96" /> 列表</div></Link>
        <Link to="/my" activeClassName={red}><div><CheckCircleTwoTone twoToneColor="#52c41a" />我的</div></Link>
      </div>
    )
  }
}
export default Foot